import React from 'react'
import { Menu, Image, Button } from 'semantic-ui-react'
import HomeHeader from 'components/homeHeader'

const header = () => (
  <HomeHeader>
    <Menu.Item>
      <Image size="mini" src="https://static.thenounproject.com/png/1450092-200.png" />
    </Menu.Item>
    <Menu.Item header>智擎云</Menu.Item>
    <Menu.Menu position="right">
      <Menu.Item as="a">官网首页</Menu.Item>
      <Menu.Item as="a">文档中心</Menu.Item>
      <Menu.Item>
        <Button basic size="mini" color="blue">
          登录
        </Button>
      </Menu.Item>
      <Menu.Item>
        <Button basic size="mini" color="blue">
          注册
        </Button>
      </Menu.Item>
    </Menu.Menu>
  </HomeHeader>
)

export default header
